{extend name="public/base" /}

{block name="title"}<title>{$Think.lang.list}</title>{/block}

{block name="pjax_container"}
  <style type="text/css">
    .wrapper11{ width: 100%; height: 410px; margin: 0 auto; }
    .tagcloud { position: relative; margin-top:100px; }
    .tagcloud a{ position: absolute;  top: 0; left: 0;  display: block; padding: 11px 30px; color: #333; font-size: 16px; border: 1px solid #e6e7e8; border-radius: 18px; background-color: #f2f4f8; text-decoration: none; white-space: nowrap;
      -o-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34);
      -ms-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34);
      -moz-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34);
      -webkit-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34);
      box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34);
      -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135, Color='#000000')";/*兼容ie7/8*/
      filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=125, Strength=9);
      /*strength是阴影大小，direction是阴影方位，单位为度，可以为负数，color是阴影颜色 （尽量使用数字）使用IE滤镜实现盒子阴影的盒子必须是行元素或以行元素显示（block或inline-block;）*/
    }
    .tagcloud a:hover{ color: #3385cf; }
  </style>
<div class="hry-content-wrapper">
<section class="content-header">
    <ol class="breadcrumb">
        <li>项目管理</li>
        <li class="active">标签管理</li>
    </ol>
</section>
<section class="content">
    <div class="row">
        <div class="col-md-12">
            <div class="hry-form-wrapper">
                <div class="box-header with-border">
                    <h3 class="box-title"></h3>
					<div class="pull-left">
						<input type="text" placeholder="不能为空" name="tagname" class="form-control pull-left" style="width:160px;height: 33px;border-radius: 3px" />
						<div class="input-group-btn"><button type="button" dataurl="{:url('Project/infotag')}" class="btn btn-default sreachs" style="height: 33px">新增</button></div>
					</div>
                </div>
                <div class="box-body table-responsive">
					<div class="wrapper11">
						<div class="tagcloud fl" id="tagcontent">
						{volist name="dataList" id="vo"}
						  <a class="delete-one" href="javascript:void(0);" data-url="{:url('Project/infotag',['type'=>'del'])}" data-id="{$vo.id}">{$vo.tag_name}</a>
						{/volist}  
						</div>
					</div>
                </div>
            </div>
        </div>
    </div>
</section>
</div>
<script type="text/javascript">
$(function(){


    /*ajax页面加载icheck，有该控件的页面才需要*/
    $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
        checkboxClass: 'icheckbox_minimal-blue',
        radioClass: 'iradio_minimal-blue'
    });
    
    /*ajax页面加载icheck，有该控件的页面才需要*/
    $(".select2").select2({language:"zh-CN"});
    
    /*全选-反选*/
    $('.checkbox-toggle').on('ifChecked', function(event){
        var _this = $(this);
        var _table = _this.closest('.table');
        _table.find("tr td input[type='checkbox']").iCheck("check");
    });
    $('.checkbox-toggle').on('ifUnchecked', function(event){
        var _this = $(this);
        var _table = _this.closest('.table');
        _table.find("tr td input[type='checkbox']").iCheck("uncheck");
    });
    
    $('.editable').editable({
        emptytext: "empty",
        params: function(params) {      //参数
            var data = {};
            data[params.name] = params.value;
            return data;
        },
        success: function(response, newValue) {
            var res = $.parseJSON( response );
            if(res.status == 1){
            }else{
                return res.info;
            }
        }
    });
	
    {if condition=" $rest_login == 1 "}
    restlogin('{$rest_login_info}');   //登录超时
    {/if}
	
	
		/*3D标签云*/
	tagcloud({
		selector: ".tagcloud",  //元素选择器
		fontsize: 16,       //基本字体大小, 单位px
		radius: 100,         //滚动半径, 单位px
		mspeed: "normal",   //滚动最大速度, 取值: slow, normal(默认), fast
		ispeed: "normal",   //滚动初速度, 取值: slow, normal(默认), fast
		direction: 135,     //初始滚动方向, 取值角度(顺时针360): 0对应top, 90对应left, 135对应right-bottom(默认)...
		keep: false          //鼠标移出组件后是否继续随鼠标滚动, 取值: false, true(默认) 对应 减速至初速度滚动, 随鼠标滚动
	});
})

</script>
{/block}